﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title></title>
</head>
<style type="text/css" rel="stylesheet">
    body{margin: 0;
    padding: 0;
    border: 0;}
#back{
    padding: 0;
    margin: 0;
    border: 0;
    position:absolute;
    width: 100%;
    height:100%;
    z-index: -1;
}
    h1{
        font-size: 62px;
        position: absolute;
        left: 60%;
        top: 27%;
    }
    #describe{
        color: red;
        position: absolute;
        top: 45%;
        left: 70%;
    }
    #relogin{
        position: absolute;
        right: 10%;
        bottom: 20%;
    }
    li{
        padding: 5px;
        margin: 5px;
    }
    #relogin{
        position: absolute;
        bottom: 15%;
        right: 12%;
    }

    #footer{
        text-align: center;
        position: absolute;
        bottom: 2%;
        left: 40%;

        color: #ffffff;
    }
</style>
<script>
    window.onload=function(){
            var obj=document.getElementById("relogin");
        obj.onmousedown=function(){
            obj.style.opacity=0.7;
        };
        obj.onmouseup=function(){
            obj.style.opacity=1.0;
        };
    }

</script>
<body>
<img id="back" src="images/rain.png">
<h1>登录失败！</h1>
<div id="describe">
    说明：
    <ul><li>用户不存在</li><li>密码错误</li></ul>
</div>
<div id="relogin"><a href="login.html"><img src="images/relogin.png"></a></div>
<div id="footer">  <div class="copyright">Copyright © Rita.&nbsp; All Rights Reserved.</div></div>
</body>
</html>